<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    <div class="left">
        <div class="about">
            <table class="zebra">
                <thead>
                    <tr>
                        <th colspan="2">THÔNG TIN CÁ NHÂN</th>
                    </tr>
                </thead>

                <tr>
                    <td colspan="2"><div class="avata" align="center">
                            <h:graphicImage library="images" name="#{userController.empLogin.avatar}" width="100px" height="100px"/></div></td>
                </tr>
                <tr>
                    <td style="width: 50px">Họ tên:</td>
                    <td>
                        <strong>
                            <h:outputLabel value="#{userController.empLogin.first_name }"></h:outputLabel>
                            <h:outputLabel value=" #{userController.empLogin.last_name }"></h:outputLabel>
                        </strong>
                    </td>
                </tr>    
                <tr>
                    <td style="vertical-align: middle">Chức vụ</td>
                    <td>

                        <strong>
                            <br/>
                            <h:outputLabel rendered="#{userController.userActive.isAdmin}" value="#{userController.pos.com_position}"></h:outputLabel>
                        </strong> 
                        <h:outputLabel rendered="#{userController.userActive.isAdmin}" value="#{userController.pos.branch_position} "></h:outputLabel>
                        <h:outputLabel rendered="#{userController.userActive.isAdmin}" value="#{userController.br.branch_name}"><br/><br/></h:outputLabel>

                        <h:outputLabel rendered="#{userController.userActive.isAdmin}" value="#{userController.pos.dep_position} "></h:outputLabel>
                        <h:outputLabel rendered="#{userController.userActive.isAdmin}" value="#{userController.dep.dep_name} "></h:outputLabel>
                        <!--Trưởng phòng-->
                        <h:panelGroup rendered="#{not userController.userActive.isAdmin}" >
                        <h:outputLabel rendered="#{userController.userActive.isManager}" value="#{userController.pos.dep_position} "><br/></h:outputLabel>
                        <h:outputLabel rendered="#{userController.userActive.isManager}" value="#{userController.dep.dep_name} "></h:outputLabel>
                        </h:panelGroup>
                        <!--Nhân viên-->
                        <h:panelGroup rendered="#{not userController.userActive.isAdmin}">

                            <h:outputLabel rendered="#{not userController.userActive.isManager}" value="Nhân viên: #{userController.dep.dep_name} "></h:outputLabel>
                        </h:panelGroup>
                    </td>
                </tr>
            </table>
            <h:panelGroup rendered="#{not userController.userActive.isAdmin}">
                <table class="zebra">
                    <thead>
                        <tr>
                            <th colspan="2" align="center">THỐNG KÊ</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <td colspan="2"> </td>
                        </tr>
                    </tfoot>
                    <tr>
                        <td>Số công:</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Đã nghỉ:</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Đi muộn</td>
                        <td></td>
                    </tr>
                </table>
            </h:panelGroup>
        </div>
    </div>
</ui:composition>